﻿<div class="editone-clip outline-fg2 bg-bg1" data-bind="
    Tap: onTap, Hold: onHold, Release: onRelease, ReleaseDrag: onReleaseDrag, HoldDrag: onDrag,
    style: style, 
    css: { 
        focused: editor.focusClip() == clip,
        held: held
    }">
    <div class="inner-border-separator"></div>
    <div class="inner-border bd-fg2"></div>
    <span data-bind="if: isLoading"><progress class="txt-fg1"></progress></span>
    <!-- ko foreach: tiles -->
    <div data-bind="style: style">
        <clip-tile params="tile: $data, editor: $parent.editor, track: $parent.track"></clip-tile>
    </div>
    <!-- /ko -->
</div>